{% load static %}
<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>小盗</title>

        <!-- CSS -->
        <!-- <link rel="stylesheet" href="{% static 'http://fonts.googleapis.com/css?family=Roboto:400,100,300,500'%}"> -->
        <link rel="stylesheet" href="{% static 'assets/bootstrap/css/bootstrap.min.css'%}">
        <link rel="stylesheet" href="{% static 'assets/font-awesome/css/font-awesome.min.css'%}">
		<link rel="stylesheet" href="{% static 'assets/css/form-elements.css'%}">
        <link rel="stylesheet" href="{% static 'assets/css/style.css'%}">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!-- Favicon and touch icons -->
        <link rel="shortcut icon" href="{% static 'assets/ico/favicon.png'%}">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{% static 'assets/ico/apple-touch-icon-144-precomposed.png'%}">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'assets/ico/apple-touch-icon-114-precomposed.png'%}">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'assets/ico/apple-touch-icon-72-precomposed.png'%}">
        <link rel="apple-touch-icon-precomposed" href="{% static 'assets/ico/apple-touch-icon-57-precomposed.png'%}">
        <style type="text/css">

        body{
            width: 100%;
            height: 100%;
            background-image: url(../../static/img/彩.jpg);
            background-color: rgba(0,0,0,0.5);
            background-repeat: no-repeat;
            background-size:100% 100%;
            background-attachment: fixed;
            
        }
        .all{
        	/*width: 100%;
        	height: 100%;
        	*/
        	margin-top: 70px;
        	background-color: rgba(0,0,0,0.5);


        }
        img{
        	width: 100px;
        	height: 100px;
        	border-radius: 50px;
        	margin-left: 35px;
        }
        
    </style>
    </head>

    <body>

        <!-- Top content -->

        <div class="top-content all">
        	
            <div class="inner-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text">
                            <h1><strong>北京网络职业学院</strong> web小盗</h1>
                            <div class="description">
                            	<p>
	                            	Beijing network vocational college piracy website
                            	</p>
                            </div>
                        </div>
                    </div>
                    <br>

                    <div class = "row">
                    	<div class="col-sm-6 col-sm-offset-3">
                    		<a href="{% url 'novel:novel_index' %}" title = '小说' target="_blank"><img src="../../static/img/u=1098712233,1286413416&fm=200&gp=0.jpg"></a>
                    		<a href="{% url 'picture:index'%}" title = '表情' target="_blank"><img src="../../static/img/u=3797992836,34591463&fm=200&gp=0.jpg"></a>
                    		<a href="{% url 'music:music_index'%}" title = '音乐' target="_blank"><img src="../../static/img/u=1516890050,1063440160&fm=27&gp=0.jpg"></a>
                    		<img src="../../static/img/u=1256558624,2525386055&fm=26&gp=0.jpg">
                    	</div>
                    </div>
                     <div class="col-sm-8 col-sm-offset-2 text">
                           
                            <div class="description">
                            	<p>
	                            	--------------------Welcome--------------------
                            	</p>
                            </div>
                        </div>
                </div>
            </div>
            
        </div>



        <!-- Javascript -->
        <script src="{% static 'assets/js/jquery-1.11.1.min.js'%}"></script>
        <script src="{% static 'assets/bootstrap/js/bootstrap.min.js'%}"></script>
        <script src="{% static 'assets/js/jquery.backstretch.min.js'%}"></script>
        <script src="{% static 'assets/js/scripts.js'%}"></script>
        
        <!--[if lt IE 10]>
            <script src="assets/js/placeholder.js"></script>
        <![endif]-->

    </body>

</html>